<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Twój wirtualny trener</title>


<!--  skrypty -->
<script type='text/javascript' src='script/jquery-1.6.min.js'></script>
<script type='text/javascript' src='script/jquery-ui-1.8.16.custom.min.js'></script>
<script language="javascript" src='script/ajax.util.js'></script>

<script language="javascript" src='script/effects.js'></script>
<script type='text/javascript' src='script/calendar.js'></script>
<script type='text/javascript' src='script/myScripts.js'></script>
<script type='text/javascript' src='script/makePlan.js'></script>
<!--  css -->
<link rel='stylesheet' type='text/css' href='css/style.css' />
<link rel='stylesheet' type='text/css' href='css/jquery.weekcalendar.css' />
<link href="css/le-frog/jquery-ui-1.7.3.custom.css" rel="stylesheet" type="text/css" />
</head>
<body>
   <div class="ui-widget info" id="info_message">
			<div style="margin-top: 20px; padding: 0 .7em;" class="ui-state-highlight ui-corner-all"> 
				<p><span style="float: left; margin-right: .3em;" class="ui-icon ui-icon-info"></span>
				<strong>Hey!</strong> <span id="info_text">Sample ui-state-highlight style.</span></p>
			</div>
	</div>
  <!-- content -->  
  <div  id="gc-pagecontent" >
      <img src="/images/logo.png" alt="Twoj wirtualny trener" class="logo" />
 <div id="tabs" class="gtb ui-tabs ui-widget ui-widget-content ui-corner-all">
			<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
			     <li class="ui-state-default ui-corner-top">
			     	<a id="home" href="/index.html#home-tab" class="tab">Home</a>
			     </li>
			     <li class="ui-state-default ui-corner-top">
			    	 <a id="makeplan" href="/makeplan.html#makeplan" class="tab">Utwórz plan</a>	
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	<a id="showplan" href="/index.html#showplan" class="tab">Pokaż plan</a>
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	<a id="" href="/calendar.html" class="tab">Pokaż kalendarz</a> 
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	 <a id="size" href="/index.html#size" class="tab">Wymiary</a> 
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	<a id="progress" href="/achievement.jsp" class="tab">Postępy</a> 
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	<a id="profil" href="/index.html#profil" class="tab">Profil</a> 
			     </li>
			</ul>
			
	  
    <!-- UTWÓRZ PLAN -->
  <div class="g-unit" id="makeplan-tab">
  <h2>Utwórz plan</h2>
    <p>
      <div align="left">
      </div>
      <h3>Algorytm tworzenia planu: </h3>
        <ol>
          <li id="wypelnienieProfilu">Wypełnienie profilu</li> 
          <li id="okreslenieCelu">Określenie celu</li> 
          <li id="okreslenieCzasu">Określenie czasu</li>      
          <li id="wybranaPartiaMiesniowa">Wybrana partia mięsniowa</li>  
          <li id="intensywnosc">Intensywność</li>   
          <li id="dostepnePrzyrzady">Dostępne przyrządy</li>
        </ol>
      </p>
      
    <div id="profil-form-id" title="Create new user">
	<p class="validateTips">Wszystkie pola sa wymagane.</p>
	  	<form name="profil-form" id="profil-form">
	  	<table width="200" cellspacing="0" cellpadding="0">
	  	<tbody>
	  	
	  	<tr >
		 <td>Imię </td>
          <td><span class="readonly">
          <input type="text" style="width: 185px;" autocomplete="off" class="text ui-widget-content ui-corner-all" maxlength="2048" name="firstname" id="firstname" />
          </span></td>
		 </tr>
		<tr>
           <td>Nazwisko</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="text ui-widget-content ui-corner-all" maxlength="2048" name="surname" id="surname" /></td>
         </tr>
         <tr>
           <td>Data urodzenia</td>
           <td><input type="text" style="width: 185px;" autocomplete="off" class="text ui-widget-content ui-corner-all" maxlength="2048" name="birthdate" id="birthdate" /></td>
         </tr>
         <tr>
           <td>Miejscowość</td>
           <td><input type="text" style="width: 185px;" autocomplete="on" class="text ui-widget-content ui-corner-all" maxlength="2048" name="city" id="city" /></td>
         </tr>
         <tr>
           <td>Płeć</td>
           <td>        
				<input type="radio" name="sex" value="male" /> Kobieta<br />
		 		<input type="radio" name="sex" value="female" /> Mężczyzna
		 	</td>
         </tr>
         <tr>
           <td>Staż</td>
           <td> <input type="number" style="width: 40px;" autocomplete="on" class="text ui-widget-content ui-corner-all" maxlength="2048" name="practice" id="practice" /></td>
         </tr>
         
         

        <tr>
          <td>&nbsp;</td>
          <td> 

         </td>
        </tr>
	  	</tbody>
  	</table>
  	</form>
	</div>
	
	<div id="cel-form-id" title="Utworzenie celu">
	<form name="cel-form" id="cel-form">
	  	<table width="200" cellspacing="0" cellpadding="0">
	  	<tbody>
	  	<tr >
		 <td>Cel</td>
          <td><span class="readonly">
          	<select size="1" id="select-goal">

			</select>
          </span></td>
		 </tr>
	  	</tbody>
  	</table>
  	</form>
	</div>
	
	<div id="czas-form-id" title="Okreslenie czasu">
	<form name="czas-form" id="czas-form">
	  	<table width="200" cellspacing="0" cellpadding="0">
	  	<tbody>
	  	
	  	<tr >
		 <td>Czas</td>
          <td><span class="readonly">
          	<select size="1" id="select-time">

			</select>
          </span></td>
		 </tr>
	  	</tbody>
  	</table>
  	</form>
	</div>
	
	<div id="partia-form-id" title="Okreslenie partii">
	<form name="partia-form" id="partia-form">
	  	<table width="200" cellspacing="0" cellpadding="0">
	  	<tbody>
	  	<tr>
	  		<td colspan="2">
	  			Określ główny cel rozwoju ( np. ta partia która jest wg Ciebie najslabiej rozwinieta) 
	  		</td>
	  	</tr>
	  	<tr >
		 <td>Cel: </td>
          <td><span class="readonly">
          	<select size="1" id="select-batch">

			</select>
          </span></td>
		 </tr>
	  	</tbody>
  	</table>
  	</form>
	</div>
	
	<div id="intensywnosc-form-id" title="Okreslenie intensywnosci">
	<form name="intensywnosc-form" id="intensywnosc-form">
	  	<table width="300" cellspacing="0" cellpadding="0">
	  	<tbody>
	  	<tr>
	  		<td colspan="2">
	  			Określ intenysywność cwiczen - okresl jak bardzo jestest zdeterminowany. 5 - najwiekszy wysilek. 1- spacerek 
	  		</td>
	  	</tr>
	  	<tr >
		 <td>Determinacja</td>
          <td><span class="readonly">
          	<select size="1" id="select-intensity">

			</select>
          </span></td>
		 </tr>
	  	</tbody>
  	</table>
  	</form>
	</div>
	
	<div id="przyrzady-form-id" title="Okreslenie przyrzadow">
	<form name="przyrzady-form" id="przyrzady-form">
	  	<table width="200" cellspacing="0" cellpadding="0">
	  	<tbody>
	  	<tr>
	  		<td rowspan="1">
	  			Określ jakie przyrzady posiadasz, dzieki temu wygenrujemy plan dla specjalnie dla Ciebie
	  		</td>
	  	</tr>
	  	 <tr >
		 <td>Przyrządy: </td>
		 </tr>
		 <tr>
			 <td id="checkbox-instrument">
	
			 </td>
		 </tr>
	  	</tbody>
  	</table>
  	</form>
	</div>
	
	<button id="create-user" class="save ui-state-default ui-corner-all" onclick="generate_plan()">Generuj</button>
	
  </div>
	</div>		
</div>
<script>

$(window).load(function () {
	   init();
	   initMakePlan();
	});
</script>




</body>
</html>